<script setup lang="ts">
//  h函数是vue内置的确切的名字(createVnode) 创建结构的
//  render函数是 渲染结构的
import XtxMessage from '@/components/message/index.vue'
import { h, onMounted, render } from 'vue'
// h函数创建组件的虚拟DOM
const vnode = h(XtxMessage, { type: 'error', message: '密码错误' })
console.log(vnode) // vnode就是虚拟DOM

onMounted(() => {
  render(vnode, document.querySelector('#father')!)
})
</script>
<template>
  <div id="father"></div>
</template>

<style scoped></style>
